import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import StartPage from './components/StartPage';
import GamePage from './components/GamePage';
import ResultPage from './components/ResultPage';
import { GameProvider } from './gameState';

/**
 * 应用根组件
 * 负责：
 * 1. 提供游戏状态管理
 * 2. 设置路由系统
 * 3. 组织页面结构
 */
const App: React.FC = () => {
  return (
    // 使用 GameProvider 包裹整个应用，提供游戏状态管理
    <GameProvider>
      {/* 使用 React Router 设置路由系统 */}
      <Router>
        <Routes>
          {/* 开始页面路由 */}
          <Route path="/" element={<StartPage />} />
          {/* 游戏页面路由 */}
          <Route path="/game" element={<GamePage />} />
          {/* 结果页面路由 */}
          <Route path="/result" element={<ResultPage />} />
        </Routes>
      </Router>
    </GameProvider>
  );
};

export default App;
